<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		
		</style>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header class="clearfix">
			<div class="login">
				<a href="#">登陆</a><a href="#">注册</a><a href="#"><img src="images/ico_01.gif" alt="icon1" /></a><a href="#" class="noborder">百度首页</a>
			</div>
			<div class="center">
				<a href="" class="logo"><img src="images/logo.gif"/></a>
				<div class="searchBox">
					<p><a href="">新闻</a>
						<a href="">网页</a>
						<a href="">贴吧</a>
						<a href=""><strong>知道</strong></a>
						<a href="">音乐</a>
						<a href="">图片</a>
						<a href="">视频</a>
						<a href="">地图</a>
						<a href="">百科</a>
						<a href="">文库</a>
						<a href="">经验</a>
					</p>
					<div>
						<input type="text" class="text" />
						<input type="button" class="btn" value="搜索答案" />
						<a href="#" class="ask">我要提问</a>
					</div>
				</div>
			</div>
		</header>
		<nav>
			<div class="center clearfix">
				<ul>
					<li><a href="" class="active">首页</a></li>
					<li><a href="">问题</a></li>
					<li><a href="">专栏</a></li>
					<li><a href="">用户</a></li>
					<li><a href="">特色</a></li>
				</ul>
				<div>
					<a href="#">手机版</a>
					<a href="#" class="me">我的知道</a>
				</div>
			</div>
		</nav>
		<section id="banner">
			<div class="center">
				<div class="title">
					<h2><a href="#">为什么人们看到的颜色差别那么大</a></h2>
					<span><a href="#">来自：《大科技》杂志</a></span>
				</div>
			
			<ul>
				<li>
					<a href="#"><img src="images/img_01.jpg" alt="" /></a>
					<p><a href="#">模拟火星生存是一种怎样的体验</a></p>
				</li>
				<li>
					<a href=""><img src="images/img_02.jpg" alt="" /></a>
					<p><a href="">为什么人人都爱八卦？</a></p>
				</li>
				<li>
					<a href=""><img src="images/img_03.jpg" alt="" /></a>
					<p><a href="">中国人为什么特别喜欢穿黑色西装</a></p>
				</li>
				<div class="solgin">
					<div class="subtitle">
						<h3>百度知道</h3>
						<a href=""><img src="images/ico_04.gif"/></a>
					</div>
					<p class="text">总有一个人知道<br />你问题的答案</p>
					<p class="number">解决<span>413,283,081</span>个问题</p>
					<p class="know">知道须知</p>
					<div class="subNav">
						<a href="#">我要提问</a>
						<a href="#">我要回答</a>
					</div>
				</div>
			</ul>
			</div>
		</section>
	</body>
</html>
